<%--
  Created by IntelliJ IDEA.
  User: YANG
  Date: 2019/11/15
  Time: 23:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="Js/jquery-3.4.1.min.js"></script>
    <script src="Js/jquery-ui.js"></script>
    <style>
        button{
            background-color: #6699CC;
        }
    </style>
</head>
<body >
<div id="dialog1" style="background-color:#6699cc;display: none" >
    选择简历:<select></select>
</div>
<button id="button" style="color: red;">点击打开对话框</button>
</body>
<script type="text/javascript">
    $(function() {
        //初始化对话框
        var height=$(document).height()*0.5;
        var width=$(document).width()*0.5;
        $("#dialog1").dialog({
            resizable:false,//调整大小
            draggable:false,//拖拽
            title:"",//设置对话框的标题
            autoOpen: false,//自动打开
            width: width,
            height: height,
            modal:true,//遮罩
            position : "center",//这个真好用
            show:"fadeIn",//打开的动画效果
            buttons: {//按钮的设置
                "取消": function() {
                    $(this).dialog( "close" );
                },
                "确定": function() {
                    $(this).dialog( "close" )
                }
            },
            open:function () {
                $(".ui-dialog-titlebar").hide();
            }
        })
    })
    //点击触发对话框
    $("#button").click(function() {
        $("#dialog1").dialog("open");
    })
</script>
</html>
